// 放置全局指令

import store from '@/store'

const directivePlugin = {
  install(Vue) {
    Vue.directive('checkBtn', {
      inserted(el, binding) {
        // el:是指令绑定的那个元素对象
        // binding.value：指令是等于号后边绑定的要表达的值 v-if=“xx”
        console.log(el, binding.value)
        // 拿到el 拿到value 配和权限数据 做按钮显示隐藏控制
        // 控制逻辑：判断当前的按钮本身的权限标识能否在后端返回的poins中找到 如果找到 证明要显示
        // 如果找不到 证明要隐藏
        const points = store.state.user.userInfo.roles.points
        if (!points.includes(binding.value)) {
          // 把当前的按钮隐藏 移除dom两种方法
          // 1.el.remove() 2.找到父节点 removeChild
          el.remove()
        }
      }
    })
  }

}

export default directivePlugin
